@media screen and (max-width: 768px) {
  .card {
    padding: 0;
    margin-bottom: 205px;
  }
  .card > .divider-line {
    display: none;
  }
  .nav-content .title {
    font-size: 82px !important;
  }
  .nav-content .nav-content-item > .title {
    margin: 102px 0 !important;
    padding-left: 38px !important;
  }
  .nav-content .nav-content-item > .title::before {
    width: 10px !important;
    height: 123px !important;
  }
  .nav-content .content,
  .nav-content .content-list {
    font-size: 72px !important;
  }
  .nav-content .content .title,
  .nav-content .content-list .title {
    padding-left: 0 !important;
  }
  .nav-content .content .title .name.name-title,
  .nav-content .content-list .title .name.name-title {
    font-size: 82px !important;
  }
  .nav-content .content .subtitle,
  .nav-content .content-list .subtitle {
    font-size: 51px !important;
  }
  .nav-content .content .price,
  .nav-content .content-list .price {
    font-size: 92px !important;
  }
  .nav-content .content .show-all,
  .nav-content .content-list .show-all {
    font-size: 61px !important;
  }
  .nav-content .content .right .btn,
  .nav-content .content-list .right .btn {
    padding: 20px 82px !important;
    font-size: 61px !important;
    border-radius: 31px !important;
  }
  .nav-content .teacher-list {
    margin-bottom: 102px!important;
  }
  .nav-content .teacher-list .teacher-item {
    border-radius: 20px !important;
    padding: 61px !important;
    gap: 61px !important;
  }
  .nav-content .teacher-list .teacher-item img.logo {
    width: 266px !important;
    height: 266px !important;
  }
  .nav-content .teacher-list .teacher-item .detail .name {
    font-size: 72px;
  }
  .nav-content .teacher-list .teacher-item .detail .desc {
    font-size: 61px;
  }
  .nav-content .course-descri {
    font-size: 72px !important;
    margin-bottom: 103px !important;
  }
  .nav-content .course-outline-list {
    font-size: 72px;
  }
  .nav-content .course-outline-list .item-row {
    padding: 102px 0 !important;
  }
  .nav-content .course-outline-list .item-row.course-outline-sub-list-item {
    padding: 102px 41px !important;
    border-bottom-color: #ced8e0 !important;
    margin-left: 82px;
    margin-right: 82px;
  }
  .nav-content .course-outline-list .item-row.no-sub-list {
    border-bottom: 1px solid #ced8e0;
  }
  .nav-content .course-outline-list .course-outline-item {
    background-color: transparent !important;
  }
  .nav-content .course-outline-list .course-outline-sub-list-outer {
    margin-left: -82px;
    margin-right: -82px;
    background-color: #ebeff2;
  }
  .nav-content .course-outline-list .course-outline-sub-list-outer .course-outline-sub-list .price {
    font-size: 72px !important;
    color: #fe574a !important;
    font-weight: 600;
  }
  .teacher-introduce {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .aviation-detail-right {
    flex-direction: column-reverse !important;
  }
  .aviation-detail-right .teacher-info {
    display: none;
  }
  .aviation-detail-right .recommend .ant-btn {
    display: none;
  }
  .aviation-detail-right .card {
    padding: 0;
    width: 100%;
  }
  .aviation-detail-right .card .name {
    font-size: 82px;
  }
  .aviation-detail-right .card > .name {
    font-size: 82px;
    position: relative;
    padding-left: 35px;
    margin-bottom: 82px;
  }
  .aviation-detail-right .card > .name::before {
    content: "";
    position: absolute;
    top: 35px;
    left: 0;
    width: 15px;
    height: 51px;
    background-color: #172026;
  }
  .aviation-detail-right .card .footer .desc {
    font-size: 61px;
  }
  .aviation-detail-right .card .footer .salary {
    font-size: 92px !important;
  }
  .aviation-detail-right .join-info .name {
    margin-top: 82px;
  }
  .aviation-detail-right .join-info .swiper-banner {
    height: 900px;
    padding: 82px 0 !important;
    gap: 61px !important;
  }
  .aviation-detail-right .join-info .swiper-banner .row:nth-child(2) {
    transform: translateX(-240px) !important;
    width: calc(100% + 240px);
  }
  .aviation-detail-right .join-info .swiper-banner .row:nth-child(3) {
    width: calc(100% + 82px);
    transform: translateX(-82px) !important;
  }
  .aviation-detail-right .join-info .stu-info {
    font-size: 72px !important;
    margin-right: 82px !important;
    padding: 20px !important;
  }
  .aviation-detail-right .join-info .stu-info img {
    width: 164px !important;
    height: 164px !important;
  }
  .aviation-detail-right .join-info .stu-info span {
    padding: 0 41px !important;
  }
}
